<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
	<title>Cadastro animais - Project G - Pet zombie</title>
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/style.css" />
</h:head>
<h:body>
	<div class="header">
		<div>
			<ul>
				<li><span><a href="index.html">Inicio</a></span></li>
				<li class="selected"><span><a href="cadastro.html">Cadastro</a></span>
				</li>
				<li><span><a href="contact.jsf">Contato</a></span></li>
				<li><span><a href="about.html">Nós</a></span></li>
			</ul>
			<a href="index.html" id="logo2"><img src="images/logo2.jpg"
				alt="" /></a>
		</div>
	</div>
	<div class="body">
		<div class="about">
			<div>
				<div>
				<img src="images/birds.jpg" alt="bla" align="right"/>
					<div class="section1">
					<font size="24" face="impact" ><b>Cadastro de animais </b></font>
						<h:form id="form">
							<p:growl id="msg" />
							<h:panelGrid columns="4">
								<h:panelGrid columns="2">
									<h:outputText value="*Nome:" />
									<p:inputText size="40" maxlength="30" value="#{animaisBean.nome}" />
									<h:outputText value="*Dono:" />
									<p:inputText size="40" maxlength="30" value="#{animaisBean.dono}"/>
									<h:outputText value="*Espécie:" />
									<p:inputText size="30" maxlength="30"  value="#{animaisBean.especie}"/>
									<h:outputText value="*Raça:" />
									<p:inputText size="30" maxlength="30" value="#{animaisBean.raca}"/>
									<h:outputText value="Peso:" />
									<p:inputText size="30" maxlength="30" value="#{animaisBean.peso}"/>
									</h:panelGrid></h:panelGrid>
								    <h:panelGrid columns="2">
								    <h:outputText value="                         " />
								    <h:outputText value="                         " />
									<h:outputText value="Data de nascimento:" />
									<p:inputMask size="10" maxlength="30" mask="99/99/9999" value="#{animaisBean.nasc}"/>
									<h:outputText value="                         " />
								    <h:outputText value="                         " />
									<h:outputText value="*Sexo:"	 />
								    <h:panelGrid columns="2" style="margin-bottom:5px"
									cellpadding="3">
									<p:selectOneRadio id="sexo" value="#{animaisBean.sexo}">
									<f:selectItem itemLabel="Fêmea" itemValue="femea" />
									<f:selectItem itemLabel="Macho" itemValue="macho" />
									</p:selectOneRadio>
								    </h:panelGrid>
								    <h:outputText value="*Nº de registro:" />
									<p:inputText size="10" maxlength="30" value="#{animaisBean.registro}" />
									</h:panelGrid>
									<h:panelGrid columns="1">
								    <h:panelGrid columns="1">
									<h:outputText value="Observaçoes:" />
									<p:inputTextarea rows="6" cols="20" value="#{animaisBean.obs}" />
								</h:panelGrid>
								<h:panelGrid columns="2">
									<br />
									<br />
									<br />
									<br />
									<br />
									<p:commandButton value="Limpar" type="reset" />
								</h:panelGrid>
							</h:panelGrid>
							<p:commandButton value="Cadastrar" action="#{cadBean.salvar}"/>
						</h:form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div>
			<div>
				<a href="index.html" id="footer-logo"><img src="images/footer-logo.jpg" alt="logo"/></a> 
			</div>
			<div>
				</div>
			<div class="connect">
				<h4>Fale conosco</h4>
				<a href="erro.html" id="facebook">facebook</a> <a href="erro.html"
					id="twitter">twitter</a> <a href="erro.html" id="googleplus">google+</a>
				<p>
					Copyright &#169; 2014. <br /> Todos os direitos reservados.
				</p>
			</div>
		</div>
	</div>
</h:body>
</html>